#input_box{
    width:calc(100% - 80px);
    height:calc(100% - 40px);
    font-size:small;
    overflow:auto;
    background: none;
    outline: none;
}
.drag_inner_div {
    color: #aaaaaa;
    border: #aaaaaa 2px dashed;
    border-radius: 5px;
    height: 100%;
    width: 100%;
    text-align: center;
    line-height: 55px;
    pointer-events: none;
}

.show_chat_img {
    height: 80% !important;
    width: 80% !important;
}
.css_group_friend_list {
    width: 50%;
    height: 100%;
    float: left;
    /*background: #aaaaaa;*/
    border-right: 1px solid gainsboro;
    overflow: auto;
}
.css_group_friend_list li {
    border-top: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
}
.css_friend_selected {
    width: 50%;
    height: 90%;
    float: left;
    overflow: auto;
    /*background: #0b6fa2;*/
}
.css_friend_selected li {
    width: 40px;
}
.friend_list {
    margin-top: 5px;
}

.friend_list_box{
    padding: 12px 0;
    width: 100%;
    padding-left: 12px;
    display:flex;
}
.css_user_head {
    width: 44px;
}
.css_friends_text {
    float: left;
    line-height: 40px;
    width: 180px;
    padding-left: 18px;
    text-align: left;
}
.css_selected_confirm {
    height: 30%;
    float: right;
}
#confirm {
    border:1px solid #e5e5e5;
    background:#f5f5f5;
    color: #666;
    padding:0 8px;
    outline: 0;
    height: 26px;
    float: right;
    margin-top: 8px;
    margin-right:28px;
}

.group_class {
    border:1px solid #e5e5e5;
    padding:0 8px;
    outline: 0;
    height: 26px;
    float: left;
    margin-top: 8px;
}

#confirm:hover {
    background:#09bb07;
    color: #fff;
    border:1px solid #09bb07;
}
.css_friends_checkbox {
    line-height: 40px;
}
.css_friend_selected_list {
    width: 100%;
    padding-top: 20px;
}
.css_friend_selected_list li {
    width: 60px;
    float: left;
}
.delete_selected {
    position: relative;
    left: 20px;
    bottom: 75px;
    border-radius: 8px;
}
.delete_selected:hover {
    background: #aaaaaa;
    /*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.4);*/
}
#head_upload {
    height: 40px;
    width: 40px;
    float: right;
}
#head_upload:hover {
    box-shadow:0 0 30px gray inset;
    /*background: url(../images/head/15.jpg) no-repeat !important;*/
}
.background-cover {
    background-size: cover !important;
}
.upload_album {
    position: relative;
    bottom: 60px;
    left: 480px;
    width: 40px;
    height: 40px;
    background: #1b961b;
    color: white;
    font-size: 24px;
    text-align: center;
    border-radius: 20px;
    overflow: auto;
}
.upload_album:hover {
    background: #ea6e0c;
}
.album_list li img{
    width: 80px;
    height: 70px;
    float: left;
    padding-right: 10px;
    padding-bottom: 5px;
}
.album-page {
    display: flow-root;
}
.album-page p {
    color: #aaaaaa;
}